<template>
  <div
    ref="dropArea"
    style="width: 500px; height: 500px; background: pink;"
    @dragover.prevent
    @drop="ondrop"
  ></div>
</template>

<script>
export default {
  methods: {
    ondrop(e) {
      e.preventDefault();
      console.log(this.$store.state.clone);
      const newNode = this.$store.state.clone.cloneNode(true);
      const parent = e.target;
      parent.append(newNode);
    }
  }
};
</script>